<template>
    <div class="mrnva">
        <div class="right">
            <img src="https://pic.cdfgsanya.com/assets/upload/visual/d1b3c445d70b64e1f7b90afaf02b4fb9.png" alt="">
        </div>
        <div class="center" @click="fun1">
            <div>
                <img src="https://m.cdfgsanya.com/wap/resources/images/icons/icon-search@2x.444b6495.png" alt="">

            </div>
        </div>
        <div class="left">
            <img src="https://m.cdfgsanya.com/wap/resources/images/icons/icon-customer-service@2x.dfee9fd8.png" alt="">
        </div>
    </div>
</template>

<script>

export default {
    data() {
        return {
            value: '',
        };
    },
    methods: {
        fun1() {
            this.$router.push('/search')
        }
    }
}
</script>

<style scoped>
.mrnva {
    display: flex;
    width: 375px;
    height: 40px;
    background-color: #e7e5ef;
}

.mrnva .right img {
    width: 42px;
    height: 32px;
    margin: 4px 4px;
}

.mrnva .center {
    width: 276px;
    height: 32px;
    background-color: #fff;
    margin: 4px 10px 4px 7px;
    border-radius: 1rem;
}

.mrnva .center img {
    width: 17px;
    height: 17px;
    margin: 7px 10px;

}

.mrnva .left img {
    width: 22px;
    height: 22px;
    margin: 9px 7px;
}
</style>